//Font Family
$system-font-family:-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen,
Ubuntu,
Cantarell,
"Open Sans",
"Helvetica Neue",
sans-serif;

// Headings   
@mixin heading-1 ($colors:$white) {
  font-size: 80px;
  line-height: 86px;
  font-weight: bold;
  color: $colors;
}

@mixin heading-2 ($colors:$white) {
  font-size: 60px;
  line-height: 86px;
  font-weight: bold;
  color: $colors;

}

@mixin heading-3($colors:$white) {
  font-size: 30px;
  line-height: 43px;
  font-weight: bold;
  color: $colors;

}

@mixin heading-4 ($colors:$white) {
  font-size: 24px;
  line-height: 34px;
  font-weight: bold;
  color: $colors;

}

// Body Text

%large {
  line-height: 37px;
  font-size: 24px;
}

@mixin large-text {
  @extend %large;
}

@mixin large-text-bold($colors:$white) {
  @extend %large;
  font-weight: bold;
  color: $colors;
}

%medium {
  line-height: 31px;
  font-size: 20px;
}

@mixin medium-text($color: $white) {
  @extend %medium;
  color: $color;
}

@mixin medium-text-bold($color: $white) {
  @extend %medium;
  font-weight: bold;
  color: $color;
}